<template>
    <div>
        <div class="recommend-title">周末去哪儿玩</div>
        <ul>
            <li class="item border-bottom" v-for= 'item of list' :key='item.id'>
                <div class="item-img-warrage">
                    <img class='item-img' :src="item.imgUrl">
                </div>
                <div class="item-info">
                    <p class="item-title">{{item.title}}</p>
                    <p class="item-desc">{{item.desc}}</p>
                </div>
            </li>
        </ul>
    </div>
</template>

<script>
export default {
    name:'Home-Recommend',
    props:{
        list:Array
    }
}
</script>
<style lang ='stylus' scoped>
  .recommend-title
   line-height :.8rem
   background :#eee
   text-indent :.2rem
  .item-img-warrage
   overflow: hidden
   height:0
   padding-bottom : 37.09%
   .item-img
    width :100%
  .item-info
   padding :.15rem
   .item-title
    line-height :.4rem
    font-size :.32rem
   .item-desc
    font-size :.24rem
    line-height :.5rem
    color :#f55
</style>



